<jsp:include page="tempHeader.jsp" />
<jsp:include page="tempMenubar.jsp" />
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<hr><div id="container">
    <div id="content" class="wrap">    
               <hr><h2 class="separate">Your Transaction History</h2>
               <div class="marginBottom30 clearFix">
                   
                   <jsp:include page="error-list.jsp" />
             
             
             <c:if test="${!empty pendingList }">
			
                   <h3>Pending Transactions</h3>
             
                   <table class="card-activity expandable" cellspacing="5">
        		<thead style="text-align: center;">
			<tr>
				<th class="header" width ="100" style="text-align:left;"><span class="under"><a href="#"
						title="Sort by Type" tabindex="65">Type</a></span><span
					class="sorter card-noprint">&nbsp;&nbsp;&nbsp;</span></th>
				<th class="header" width ="100" style="text-align:left;"><span class="under"><a href="#"
						title="Sort by Post Date" tabindex="64">Fund Symbol</a></span><span
					class="sorter card-noprint" style="text-align:left;">&nbsp;&nbsp;&nbsp;</span></th>
				<th class="header" width ="240" style="text-align:left;"><span class="under"><a href="#"
						title="Sort by Description" tabindex="66">Description</a></span><span
					class="sorter card-noprint">&nbsp;&nbsp;&nbsp;</span></th>
				<th class="amount header" width ="140" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Amount" tabindex="67">Amount</a></span><span
					class="sorter card-noprint"></span></th>
				<th class="amount header" width ="140" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Amount" tabindex="67">Fund Price</a></span></th>
				<th class="amount header" width ="140" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Amount" tabindex="67">Shares </a></span><span
					class="sorter card-noprint"></span></th>
				<th class="amount header" width ="140" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Amount" tabindex="67">Status </a></span><span
					class="sorter card-noprint"></span></th>
				<th class="header headerSortUp" width ="200" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Transaction Date" tabindex="63">Trans
							Date</a></span><span class="sorter card-noprint"></span></th>
			</tr>
		</thead>

		<tbody>
				<c:forEach var="entry" items="${pendingList }">
					<tr class="summary">
						<td>${entry.transaction_type }</td>
						<td>${entry.symbol }</td>
						<td scope="row"><span>${entry.name }</span></td>
						<td class="amount" style="text-align: right;">${entry.amount}</td>
						<td class="price" style="text-align: right;">${entry.price}</td>
						<td class="shares" style="text-align: right;">${entry.shares}</td>
						<td style="text-align:right;">${entry.status}</td>
						<td style="text-align: right;">${entry.execute_date }</td>
					</tr>
				</c:forEach>
			
		</tbody>
	</table>
	</c:if>
                </div>
        </div>
        
        <div id="content" class="wrap">    
               <hr><h2 class="separate"></h2>
               <div class="marginBottom30 clearFix">
        <c:if test="${!empty executedList }">
                   <h3>Your Executed History</h3>
                   <table class="card-activity expandable" cellspacing="5">
        		<thead style="text-align: center;">
			<tr>
				<th class="header" width ="100" style="text-align:left;"><span class="under"><a href="#"
						title="Sort by Type" tabindex="65">Type</a></span><span
					class="sorter card-noprint">&nbsp;&nbsp;&nbsp;</span></th>
				<th class="header" width ="100" style="text-align:left;"><span class="under"><a href="#"
						title="Sort by Post Date" tabindex="64">Fund Symbol</a></span><span
					class="sorter card-noprint" style="text-align:left;">&nbsp;&nbsp;&nbsp;</span></th>
				<th class="header" width ="240" style="text-align:left;"><span class="under"><a href="#"
						title="Sort by Description" tabindex="66">Description</a></span><span
					class="sorter card-noprint">&nbsp;&nbsp;&nbsp;</span></th>
				<th class="amount header" width ="140" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Amount" tabindex="67">Amount</a></span><span
					class="sorter card-noprint"></span></th>
				<th class="amount header" width ="140" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Amount" tabindex="67">Fund Price</a></span></th>
				<th class="amount header" width ="140" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Amount" tabindex="67">Shares </a></span><span
					class="sorter card-noprint"></span></th>
				<th class="amount header" width ="140" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Amount" tabindex="67">Status </a></span><span
					class="sorter card-noprint"></span></th>
				<th class="header headerSortUp" width ="200" style="text-align:right;"><span class="under"><a
						href="#" title="Sort by Transaction Date" tabindex="63">Trans
							Date</a></span><span class="sorter card-noprint"></span></th>
			</tr>
		</thead>

		<tbody>
			
				<c:forEach var="entry" items="${executedList }">
					<tr class="summary">
						<td>${entry.transaction_type }</td>
						<td>${entry.symbol }</td>
						<td scope="row"><span>${entry.name }</span></td>
						<td class="amount" style="text-align: right;">${entry.amount}</td>
						<td class="price" style="text-align: right;">${entry.price}</td>
						<td class="shares" style="text-align: right;">${entry.shares}</td>
						<td style="text-align:right;">${entry.status}</td>
						<td style="text-align: right;">${entry.execute_date }</td>
					</tr>
				</c:forEach>
		
		</tbody>
	</table>
		</c:if>
                </div>
        </div>
</div>
<jsp:include page="tempBottom.jsp" />